body{
	margin:0 auto;
}

.main{
	width: 100%;
	height: 640px;
	margin-left: 40px;
	background-color: #ededed;
}


.top{
	margin-left: 20px;
	font-size: 26px;
	font-weight: bold;
	color: #3189C4;
}


.left{
	width: 270px;
	height: 620px;
	border: 1px solid #B4C6D4;
	box-shadow:0 0 4px #333;
	position: absolute;
	background-color: #fff;
}




.head-img{
	/*margin-left: 18px;*/
	/*margin-top: -15px;*/
}

.left-top{
	height: 80px;
	background-color: #CBEAFF;
	border: 1px solid #6b899e;
}


.head-img img{
	width: 50px;
	height: 50px;
	float: left;
	margin-top: 15px;
	margin-left: 15px;
}

.left-main ul{
	margin-left: -40px;
	margin-top: 0px;


}
.left-main ul li{

	background-color: #f7f7f7;
	display: list-item;
    text-align: center;
	width:270px;
	line-height: 54px;
	font-size: 16px;
    /*font-family: 宋体;*/
    /*font-weight: bold;*/
    list-style-type: none;

}

.left-main ul li a{
	text-decoration: none;
	color: black;
	display: block;
}

.left-main ul li:hover{
	background-color: #ccc;

}

.right{
	width: 1100px;
	height: 560px;
	margin-left: 300px;
	margin-top: 30px;
	background-color: #fff;
	float: left;
	border: 2px solid #6795B4;
}

.right-top{
	width: 100%;
	height: 40px;
	background-color: #6795B4;
}